@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeue-webfont.woff') format('woff'),
        url('fonts/BebasNeue-webfont.ttf') format('truetype'),
        url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
    height: auto;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    background: #fff url(../image/bg.jpg) repeat top left;
    font-weight: 400;
    font-size: 15px;
    color: #1d3c41;
    overflow-y: scroll;
}

.contenedor {
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    }


container > header{
    padding: 20px 30px 10px 30px;
    margin: 10px 20px 10px 20px;
    position: relative;
    display: block;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}

nav{
    text-align: left;
}

nav#lugar{
    margin: 0px auto;	
    width: auto;
    height: auto;
    min-height: 0px;
}

.principal {
    margin: 10px 15px;
    height: auto;
    border-radius: 10px 10px 10px 10px; 
    background: #F7F7F7;
    box-shadow: 0 5px 10px #a6a6a6;
    vertical-align: top;
    position: relative;
    display: inline-block;
}

principal#primera{
    width: 500px;
    padding: 15px 15px 15px 10px;
}
.principal#cursos{
    width: 150px;
    text-align: center;
    padding: 15px 15px 15px 10px;
}
.principal#post{
    width: 580px;
    padding: 15px 15px 15px 10px;
}
.principal#consulta,
.principal#registro{
    width: 440px;
    padding: 15px 15px 15px 10px;
    background: transparent;
    box-shadow: 0 0 0 transparent;
}
.principal#actividades{
    width: 290px;
    text-align: center;
    padding: 15px 15px 15px 10px;
}

.principal#contenido{
    width: 400px;
}

.principal#botones{
    margin: 5px 5px;
    padding: 5px 5px;
}
.principal#descripcion{
    margin: 15px 15px;
    padding: 15px 15px;
    height: 70px;
    width: 400px;
}

.principal#boleta{
    margin: 20px 20px;
    padding: 15px 15px;
    height: auto;
    width: 92%;
    background: #FFFFD0;
    text-align: center;
    border: 10px solid #CF9474;
}

.principal#boleta p{
    text-align: center;
    
}


section#video {
    margin: 10px 10px;
}

#tutorial{
    width: 480px;
    height: auto;
}

#gestor_registro{
    text-align: center;
}

aside {
    margin: 10px 10px 10px 10px;
    border: 5px #F7F7F7 ;
    padding: 2px 2px;
    width: 290px;
    height: auto;
    font-family: OregonV, Helvetica, Arial, sans-serif;
    display: inline-block; 
    border-radius: 10px 10px 10px 10px; 
    background: #F7F7F7;
    box-shadow: 0 5px 10px #a6a6a6;
}

#cont{
    margin: 350px 0px 0px 0px;
}

header{
    margin: 15px auto;
    border-radius: 10px 10px 10px 10px; 
    background: #F7F7F7;
    box-shadow: 0 5px 10px #a6a6a6;
    height: 220px;
    width: 565px;
}

#pos2, #pos3 {
    margin:0;
    padding:0;
    height: auto;
    background: white;
}

footer {
    margin: 10px 40px 10px 40px;
    padding: 15px 0;
    font-family: OregonV, Helvetica, Arial, sans-serif;
    text-align: center;   
    font-size: 12px;

}